<template>
  <div>
    <div class="header">
      <h1>我的课程</h1>
    </div>
    <div class="content">

      <a-row>
        <a-col
            span="6"
            v-for="(course, index) in courses"
            :key="index"
        >

          <a-card class="course" @click="gotoCourseDetail(course)">
            <img class="course-img" alt="图片加载失败" src="~@/assets/default_course_img.jpg"/>
            <h1>{{ course.name }}</h1>
            <p>课程编号：{{ course.courseId }}</p>
            <p>课程类型：{{ course.courseType }}</p>
          </a-card>
        </a-col>
      </a-row>
    </div>
  </div>
</template>

<script>

import {methods} from "@/pages/teacher/js/courseMethods";

export default {
  data() {
    return {
      courses: [],
      courseModelShow: false,
      recentCourse:{},
    }
  },
  mounted() {
    this.getCourseList();
  },
  methods: methods
}
</script>

<style scoped src="./css/common.css"></style>
<style scoped src="./css/course.css"></style>